<script lang="ts" setup>
interface Props {
  myStyle: any
}

// const props = withDefaults(defineProps<Props>(), {
//   myStyle: {}
// })

const props = defineProps<Props>()
</script>

<template>
  <span class="cicle-pointer" :style="props.myStyle">
    <slot />
  </span>
</template>

<style lang="scss" scoped>
@import "@/styles/mixins.scss";

.cicle-pointer {
  display: inline-block;
  padding: 3px 8px;
  line-height: 16px;
  border-radius: 2px;
  background: rgba(96, 172, 252, 0.15);
  font-size: 12px;
  text-align: center;
  color: #ffffff;

  &+.cicle-pointer {
    margin-left: 16px;
  }
}
</style>
